<!DOCTYPE html>
<html lang="en">
<head>
<title>漂亮的响应式Bootstrap后台管理系统模板MatAdmin</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="/css/fullcalendar.css" />
<link rel="stylesheet" href="/css/matrix-style.css" />
<link rel="stylesheet" href="/css/matrix-media.css" />
<link href="/font-awesome/css/font-awesome.css" rel="stylesheet" />
<link rel="stylesheet" href="/css/jquery.gritter.css" />
</head>
<body>

<div id="header">
  <h1><a href="dashboard.html">MatAdmin</a></h1>
</div>

<div id="user-nav" class="navbar navbar-inverse"></div>
<div id="sidebar"></div>

<div class="row-fluid">
	<div id="content">
	<!--breadcrumbs-->
	  <div id="content-header">
		<div id="breadcrumb">
		  <a href="index.html" title="Go to Home" class="tip-bottom"><i class="icon-home"></i>首页</a>
	      <a href="#" class="current">我的课题</a>
		</div>
	    <h1></h1>
		<hr>
	  </div>
		
	  <div class="container-fluid">
		  
		  <!-- 搜索框 -->
		  <div style="margin-left: 20px;">
			
		    <form class="form-search" style="display: inline;">
				<input type="text" class="input-xxlarge search-query" placeholder="课题名">&nbsp;&nbsp;&nbsp;&nbsp;
				<button type="submit" class="btn btn-info">查询</button>
		    </form>
			<div style="float: right; display: inline;">
				<button type="submit" style="display: inline;" class="btn btn-info">新增</button>
				<button type="submit" style="display: inline;" class="btn btn-info">导出</button>
			</div>
		  </div>
		  
		  <!-- 展示页面 -->
		  <div class="container-fluid">
			  <div class="row-fluid">
				  <div class="span4">
					  <div class="widget-box">
					    <div class="widget-title"> <span class="icon"> <i class="icon-list"></i> </span>
					      <h5>计算机学院课题组 <code><a href="#">修改</a></code></h5>
					    </div>
					    <div class="widget-content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
						
					  </div>
				  </div>
				  <div class="span4">
					  <div class="widget-box">
					    <div class="widget-title"> <span class="icon"> <i class="icon-list"></i> </span>
					      <h5>计算机学院课题组 <code><a href="#">修改</a></code></h5>
					    </div>
					    <div class="widget-content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
					  </div>
				  </div>
				  <div class="span4">
					  <div class="widget-box">
					    <div class="widget-title"> <span class="icon"> <i class="icon-list"></i> </span>
					      <h5>计算机学院课题组 <code><a href="#">修改</a></code></h5>
					    </div>
					    <div class="widget-content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
					  </div>
				  </div>
			  </div>
			  <div class="row-fluid">
				  <div class="span4">
					  <div class="widget-box">
						<div class="widget-title"> <span class="icon"> <i class="icon-list"></i> </span>
						  <h5>计算机学院课题组 <code><a href="#">修改</a></code></h5>
						</div>
						<div class="widget-content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
					  </div>
				  </div>
				  <div class="span4">
					  <div class="widget-box">
						<div class="widget-title"> <span class="icon"> <i class="icon-list"></i> </span>
						  <h5>计算机学院课题组 <code><a href="#">修改</a></code></h5>
						</div>
						<div class="widget-content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
					  </div>
				  </div>
				  <div class="span4">
					  <div class="widget-box">
						<div class="widget-title"> <span class="icon"> <i class="icon-list"></i> </span>
						  <h5>计算机学院课题组 <code><a href="#">修改</a></code></h5>
						</div>
						<div class="widget-content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
					  </div>
				  </div>
			  </div>
		  </div>
		  
		  
	  </div>
	</div>
	
	 
	<div id="footer"></div>
</div>

<!--end-Footer-part-->

<script src="/js/excanvas.min.js"></script>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery.ui.custom.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.flot.min.js"></script>
<script src="/js/jquery.flot.resize.min.js"></script>
<script src="/js/jquery.peity.min.js"></script>
<script src="/js/fullcalendar.min.js"></script>
<script src="/js/matrix.js"></script>
<script src="/js/matrix.dashboard.js"></script>
<script src="/js/jquery.gritter.min.js"></script>
<script src="/js/matrix.interface.js"></script>
<script src="/js/matrix.chat.js"></script>
<script src="/js/jquery.validate.js"></script>
<script src="/js/matrix.form_validation.js"></script>
<script src="/js/jquery.wizard.js"></script>
<script src="/js/jquery.uniform.js"></script>
<script src="/js/select2.min.js"></script>
<script src="/js/matrix.popover.js"></script>
<script src="/js/jquery.dataTables.min.js"></script>
<script src="/js/matrix.tables.js"></script>

<script type="text/javascript">
	$("#footer").load("common/footer.html");
	$("#sidebar").load("common/sidebar.html");
	$("#user-nav").load("common/usernav.html");
  // This function is called from the pop-up menus to transfer to
  // a different page. Ignore if the value returned is a null string:
  function goPage (newURL) {

      // if url is empty, skip the menu dividers and reset the menu selection to default
      if (newURL != "") {
      
          // if url is "-", it is this page -- reset the menu:
          if (newURL == "-" ) {
              resetMenu();            
          } 
          // else, send page to designated URL            
          else {  
            document.location.href = newURL;
          }
      }
  }

// resets the menu selection upon entry to this page:
function resetMenu() {
   document.gomenu.selector.selectedIndex = 2;
}
</script>
</body>
</html>
